<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>隐私协议</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        #header {
            background: #fff;
        }
        .aui-title {
            color: #333333;
            font-size: 18px;
            /*font-weight: bolder;*/
        }
        .left-btn {
            margin-left: 12px;
        }
        .back-icon {
            width: 22px;
            height: 22px;
        }

        [v-cloak] {
            display: none!important;
        }
    </style>
</head>

<body>
    <div id="app">
        <header class="aui-bar aui-bar-nav" id="header">
            <a class="aui-pull-left aui-btn left-btn" tapmode onclick="closeWin()">
                <img class="back-icon" src="../../image/back_arrow.png" alt="">
            </a>
            <div class="aui-title">隐私协议</div>
        </header>
    </div>
</body>

</html>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue.js"></script>
<script type="text/javascript" src="../../script/cling.js"></script>
<script type="text/javascript">
    apiready = function() {
        cl.apiready();
        vm.openFrames();
        
    }
    var vm = new Vue({
        el: '#app',
        data: {

        },
        methods: {
            openFrames: function() {
                cl.openFrame({
                    name: './privacy_frame',
                    header: header,
                    bounces: true,
                });
            }
        }
    });
    function closeWin() {
        cl.closeWin({
            name: 'privacy'
        });
    }
</script>
